*{
    margin: 0;
    padding: 0;
}
ul li{
    list-style: none;
}
.top{
    width: 100%;
    background: #fff;
    border-width: 1px;
    height: 40px;
    border-bottom: 1px solid #c9c9c9;
}
.top ul{
    width: 980px;
    margin: 0 auto;
}
.top ul li{
    float: left;
}
.top .top-1{
    width: 205px;
    height: 40px;
    padding-right: 15px;
    background: url(../images/downloadloge.png) 0 -40px;
}
.top .top-3{
    float: right;
    font-size: 12px;
    line-height: 40px;
    text-align: center;
    background: url(../images/download1.png) 0 12px;
    background-repeat: no-repeat;
}
.top .top-3 span{
    margin-left: 20px;
}
.top .top-xj{
    width: 11px;
    height: 11px;
    margin-left: 5px;
    background: url(../images/downloadloge.png) no-repeat;
    background-position: -150px -134px;
    float: right;
    margin-top: 15px;
}
main{
    width: 100%;
    height: 1880px;
    text-align: center;
    background: #E6ECEA url(../images/index0311.jpg) no-repeat 50% 0;
}
.container{
    width: 1280px;
    margin: 0 auto;
}
nav{
    width: 100%;
    height: 380px;
    position: relative;
}
nav .loge{
    position: absolute;
    top: 28px;
    left: 0;
    width: 191px;
    height: 67px;
    background: url(../images/download2.png);
}
.nav-txt{
    width: 800px;
    float: right;
    height: 250px;
}
nav li{
    float: left;
    width: 100px;
    padding-top: 30px;
}
nav .dt{
    height: 44px;
    width: 92px;
    background: url(../images/download2.png) no-repeat;
}
nav .dt-1{
    background-position: 0 100%;
}
nav .dt-2{
    background-position: -115px 100%;
}
nav .dt-3{
    background-position: -230px 100%;
}
nav .dt-4{
    background-position: -460px 100%;
}
nav .dt-5{
    background-position: -575px 100%;
}
nav .dt-6{
    background-position: -805px 100%;
}
nav .dt-7{
    background-position: -690px 100%;
}
nav .dt-8{
    background-position: -920px 100%;
}
.dd{
    padding-top: 10px;
    display: block;
}
.dd span{
    display: block;
    color: #525252;
    font-size: 13px;
    text-align: left;
    line-height: 22px;
    cursor:pointer;
}
.dd span:hover{
    color:#00b4bf;
}
.big-main{
    width: 100%;
}
.bm-left{
    float: left;
    width: 186px;
}
.big-main .bm-left .left-1 ul li a{
    text-decoration: none;
    color: #cccccc;
}
.bm-right{
    float: right;
    width: 1094px;
    text-align: left;
}
.bm-right .right-1 li a:hover{
    background: #cccccc;
    padding-top: 12px;
    padding-bottom: 10px;
    /*color: #929292;*/
}
.left-1 ul li:first-of-type{
    height: 115px;
    background: url(../images/spr-icon.png) no-repeat;
    background-position: 50% -355px;
    background-color: #2fc3a2;
    text-align: center;
    color: #fff;
    margin: 0;
}
.left-1 ul li:first-of-type h1{
    font-size: 24px;
    padding-top: 25px;
}
.left-1 ul li:first-of-type p{
    color: #1d997e;
    font-size: 14px;
    /*font-family: arial;*/
    line-height: 15px;
}
.left-1{
    background-color: #199d80;
}
.left-1 li{
    padding-left: 20px;
    height: 61px;
    line-height: 61px;
    border-bottom: 1px solid #26ae90;
    color: #fff;
    text-align: center;
    font-size: 14px;
}

.left-1 li:hover{
    background: #198e74;
    color: #929292;
}



.left-1 li img{
    margin: 20px -20px 0 30px;
    float: left;
}
.left-2{
    width: 100%;
    background-color: #3a3a3a;
    margin-top: 15px;
    height: 300px;
    background-image: url(../images/bg-home2.webp);
}
.left-2 li{
    width: 50%;
    height: 100px;
    float: left;
    text-align: center;
    color: #d4d4d4;
    font-size: 13px;
    line-height: 30px;
    cursor: pointer;
}
.left-2 li:hover{
    color: #0b6935;
}
.left-2 li i{
    display: block;
    width: 46px;
    height: 46px;
    margin: 0 auto;
    margin-top: 20px;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.img-zf1 {
    background: url(../images/img-zf/data.png);
}
.img-zf2 {
    background: url(../images/img-zf/Strategy.png);
}
.img-zf3 {
    background: url(../images/img-zf/activity.png);
}
.img-zf4 {
    background: url(../images/img-zf/edition.png);
}
.img-zf5 {
    background: url(../images/img-zf/Official.png);
}
.img-zf6 {
    background: url(../images/img-zf/blog.png);
}
.left-3{
    background: #3a3a3a;
    margin: 15px 0 0;
    padding: 20px 15px;
    font-size: 13px;
}
.left-3 ul li{
    width: 100%;
    height: 42px;
    border-bottom: 1px solid #474747;
    line-height: 41px;
    text-align: center;
    color: #d4d4d4;
    cursor: pointer;
}
.left-3 ul li:hover{
    color: #0b6935;
}
.left-3 li i{
    display: block;
    width: 30px;
    height: 30px;
    float: left;
    margin: 5px -15px 0 25px;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.img-f1{
    background: url(../images/img-zf/icon1.png);
}
.img-f2{
    background: url(../images/img-zf/icon2.png);
}
.img-f3{
    background: url(../images/img-zf/icon3.png);
}
.img-f4{
    background: url(../images/img-zf/icon4.png);
}
.img-f5{
    background: url(../images/img-zf/icon5.png);
}
.img-f6{
    background: url(../images/img-zf/icon6.png);
}
.img-f7{
    background: url(../images/img-zf/icon7.png);
}
.img-f8{
    background: url(../images/img-zf/icon8.png);
}
.img-f9{
    background: url(../images/img-zf/icon9.png);
}
.left-3-2wm{
    margin-top: 40px;
}
.ewm-1{
    width: 50%;
    color: #fff;
    float: left;
}
.ewm-2{
    width: 49%;
    color: #9c9c9c;
    float: right;
    border-left: 1px solid #676767;
}
.ewm-3 img{
    width: 90%;
    margin-top: 15px;
}
.left-3-yuan{
    width: 35px;
    height: 35px;
    background: rgba(95,95,95,.5);
    border-radius: 50%;
    float: left;
    margin: 15px 0 0 12px;
    cursor: pointer;
}
.left-3-loge img{
    opacity: 0.5;
}
.left-3-loge{
    height: 100px;
    margin-bottom: 30px;
}
.right-1{
    float: left;
    margin-left: 15px;
    height: 300px;
    width: 799px;
}
.right-1::after{
    content: "";
    display: block;
    clear: both;
}
/*.right-1 ul{*/
    /*float: right;*/
/*}*/
.right-1 li{
    float: left;
    background: #000000;
    padding-top: 10px;
    padding-bottom: 10px;
}
.right-1 li a{
    color: #2fc3a3;
    font-size:14px;
    margin: auto;
    padding-left: 19px;
    padding-right: 18px;
    text-decoration: none;
}
.right-1 li a:hover{
    color:#001b15;
}

.right-2{
    float: left;
    margin-left: 15px;
    height: 300px;
    width: 265px;
    background: #fff;
}
.right-2 p{
    padding: 0 0 0 40px;
    font-size: 14px;
    margin: 25px 20px 10px;
    color: #3a3a3a;
    line-height: 100%;
    font-weight: normal;
    text-align: left;
    background: url(../images/spr-icon.png) no-repeat;
    background-position: -134px 3px;
}
.right-2 p span{
    font-size: 18px;
    color: #2fc3a3;
    font-weight: bold;
    line-height: 130%;
}
.right-2 img{
    margin-left: 20px;
}
.right-2 ul li{
    padding: 10px 20px 0;
    color: #767676;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
    text-align: left;
}
.right-3{
    width: 393px;
    float: left;
    margin-left: 15px;
    margin-top: 15px;
    height: 300px;
    background: #fff;
}
.right-3-x{
    padding: 15px 20px 0;
    position: relative;
    overflow: hidden;
}
.right-3-x li{
    float: left;
    width: 50px;
    text-align: center;
    height: 43px;
    line-height: 43px;
    color: #414242;
    font-size: 13px;
    border-bottom: 1px solid #c9c9c9;
}
.right-3-x li:first-of-type{
    color: #2fc3a2;
    border-bottom: 2px solid #2fc3a2;
}
.right-3 ul .r3x-gengduo{
    width: 100px;
    text-align: right;
    color: #B9C1C1;
    font-weight: bold;
}
.right-3-r{
    padding: 15px 20px 0;
    position: relative;
    overflow: hidden;
}
.right-3-r li{
    line-height: 25px;
}
.right-3-xw{
    line-height: 100%;
    margin-top: -7px;
    color: #767676;
    font-size: 13px;
}
.right-3-nr{
    width: 50px;
    font-size: 13px;
    color: #505050;
    overflow: hidden;
    text-overflow: ellipsis;
}
.right-3-time{
    text-align: right;
    color: #b1b1b1;
    font-size: 13px;
    float: right;
}
.right-4{
    width: 391px;
    float: left;
    margin-left: 15px;
    margin-top: 15px;
    height: 300px;
}
.right-4-left{
    margin: 15px 13px 0 0;
    width: 189px;
    height: 142px;
    background-color: #fff;
    background-image: url(../images/bg-home2.webp);
    background-position: 100% 0;
    float: left;
}
.right-4-right{
    width: 189px;
    height: 142px;
    background-color: #fff;
    background-image: url(../images/bg-home2.webp);
    background-position: 100% 100%;
    float: left;
    margin-top: 15px;
}

.right-4-left h2,.right-4-right h2{
    font-weight: bold;
    color: #cfae69;
    font-size: 22px;
    padding: 15px 0 0 20px;
}
.right-4-left p,.right-4-right p{
    color: #777676;
    line-height: 130%;
    font-size: 12px;
    padding-left: 20px;
}
.right-5{
    width: 265px;
    float: left;
    margin-left: 15px;
    margin-top: 15px;
    height: 300px;
    background: url(../images/bg-home2.webp) no-repeat -186px 100%;
}
.right-5 li{
    float: left;
    width: 23px;
    height: 23px;
    background: #b9c1c1;
    margin: 0 0 0 3px;
}
.right-5 ul{
    padding: 15px 0 0;
    margin: 0 15px;
}
.right-5 li:first-of-type{
    background: #2fc3a2;
}
.right-5-n{
    width: 100%;
    height: 95%;
    background: url(../images/role-9.png) no-repeat 100px 19px;
}
.r5n-li{
    width: 150px;
    padding: 40px 0 0 18px;
    color: #5d5d5d;
    font-size: 12px;
}
.right-5-n h3{
    font-size: 320%;
    color: #2fc3a2;
    font-weight: bold;
    line-height: 130%;
}
.r5pt1{
    margin: 10px 0 0;
    color: #5d5d5d;
    font-size: 12px;
    font-weight: 800;
}
.r5pt2{
    margin: 10px 0 0;
}
.r5n-li i{
    display: inline-block;
    margin: 0 5px 0 2px;
    width: 10px;
    height: 10px;
    font-size: 0;
    line-height: 0;
    /*border: 1px solid #c3c3c3;*/
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    background-color: #ff8f17;
    border-color: #ff8f17;
    margin-top: 10px;
}
.r5n-li .r5-ccc{
    background-color: #eeeceb;
    border: 1px solid #c3c3c3;
}
.r5n-li p span{
    display: inline-block;
    color: #fff;
    border-radius: 15px;
    padding: 5px 0;
    text-align: center;
    width: 68px;
    font-size: 12px;
    background: #000;
    margin-top: 10px;
}
.r5n-li p span:first-of-type{
    background-color: #2fc3a2;
    margin-right: 5px;
}
.right-6{
    width: 799px;
    float: left;
    margin-left: 15px;
    margin-top: 15px;
    height: 299px;
    background: #fff;
}
.right-6-left{
    width: 392px;
    height: 299px;
    float: left;
}
.right-6-right{
    width: 407px;
    height: 299px;
    float: left;
    background: url(../images/fanstab.webp);
}
.r6f-n{
    padding: 20px 0 0;
    margin: 0 20px;
    overflow: hidden;
}
.r6f-n h3{
    font-size: 16px;
    color: #2fc3a2;
    font-weight: bold;
    margin-bottom: 20px;
}
.r6f-n h3 span{
    font-size: 13px;
    color: #888;
    font-weight: bold;
    margin-left: 20px;
}
.r6f-n h3 span:first-of-type{
    margin-left: 180px;
}
.r6f-n img:first-of-type{
    margin-right: 12px;
}
.r6f-n p{
    padding: 3px 0px 3px 0;
    color: #505050;
    font-size: 13px;
    line-height: 160%;
}
.r6f-n p span{
    float: right;
    color: #b1b1b1;
}
.right-7{
    width: 265px;
    float: left;
    margin-left: 15px;
    margin-top: 15px;
    height: 299px;
}
.right-7-1,.right-7-2,.right-7-3,.right-7-4{
    width: 125px;
    height: 142px;
    float: left;
    background: #2fc3a3;
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
}
.dv{
    width: 60px;
    height: 60px;
    margin: 0 auto;
    margin-top: 20px;
    /*background: #fff;*/
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.right-7-1 .dv{
    background: url(../images/img-zf/licon1.png);
}
.right-7-2 .dv{
    background: url(../images/img-zf/licon2.png);
}
.right-7-3 .dv{
    background: url(../images/img-zf/licon3.png);
}
.right-7-4 .dv{
    background: url(../images/img-zf/licon4.png);
}
.right-7-1{
    margin-right: 15px;
}
.right-7-3{
    margin-right: 15px;
}
.right-7-3,.right-7-4{
    margin-top: 15px;
}
.right-8{
    width: 392px;
    float: left;
    margin-left: 15px;
    margin-top: 15px;
    height: 299px;
    background: #fff;
}
.right-8-n{
    padding: 15px 20px 0;
    overflow: hidden;
}
.right-8-n li{
    float: left;
    width: 50px;height: 43px;
    text-align: center;
    color: #414242;
    font-size: 13px;
    line-height: 43px;
    border: 1px solid #ffffff;
}
.right-8-n li:nth-child(1){
    font-size: 16px;
    line-height: 43px;
    color: #2fc3a2;
    text-align: left;
    font-weight: 800;
}
.right-8-n li:nth-child(2){
    color: #ff8f17;
    border-bottom: 2px solid #ff8f17
}
.right-8-n li:nth-child(6){
    color: #B9C1C1;
    font-weight: bold;
    text-align: right;
    width: 102px;
}
.right-8-b{
    width: 100%;
    height: 222px;
    margin-top: 45px;
    border-top: 1px solid #e4eae9;
    padding-top: 20px;
}
.right-8-b p{
    font-size: 13px;
    color: #505050;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 25px;
}
.right-8-b p span{
    float: right;
    color: #b1b1b1;
}
.right-9{
    width: 265px;
    float: left;
    margin-left: 15px;
    margin-top: 15px;
    height: 299px;
    background: #fff;
    background: url(../images/home-guild.webp);
}
.right-10,.right-12,.right-13,.right-11{
    width: 257px;
    float: left;
    margin-left: 15px;
    margin-top: 15px;
    height: 135px;
}
.right-10{
    background: url(../images/butt/1491978337.jpg);
}
.right-11{
    background: url(../images/butt/66ba0ff71312be2d67c3edc501b25afe.jpg);
}
.right-12{
    background: url(../images/butt/6f6227d0e2214430652f926c4bc1adef.jpg);
}
.right-13{
    background: url(../images/butt/e010942ec17d0ee2b7dcfd3f229d126e.jpg);
}
footer{
    width: 100%;
    background: #000;
    height: 250px;
}
.footer-top{
    padding: 8px 3%;
    background-color: #1e2628;
    text-align: center;
    color: #4f5f5f;
    font-size: 13px;
    line-height: 20px;
}
.footer-top span{
    color: #ca2b00;
    font-weight: bold;
}
.footer-buttom{
    padding: 50px 0;
    width: 1200px;
    margin: 0 auto;
}
.ft-left{
    float: left;
}
.footer-log1{
    float: left;
    width: 180px;
    height: 35px;
    background: url(../images/foot-dark.png);
}
.footer-log2{
    float: left;
    width: 109px;
    height: 35px;
    background-image: url(../images/download2.png);
    background-repeat: no-repeat;
    background-position: -1690px 0;
}
.ft-right{
    float: right;
    width: 682px;
    font-size: 12px;
    color: #494949;
    line-height: 21px;
}
.ft-right img{
    float: left;
    padding-top: 3px;
}